<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 编码列表</title>
    <link rel="shortcut icon" href="../content/static/img/favicon.ico">
    <link href="../content/css/common_modal.css" rel="stylesheet">
    <link href="../content/static/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="../content/static/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../content/static/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="../content/static/css/plugins/switchery/switchery.css" rel="stylesheet">
    <link href="../content/static/css/animate.min.css" rel="stylesheet">
    <link href="../content/static/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
    <link href="../content/static/css/style.min.css?v=4.0.0" rel="stylesheet">

    <style>
        table-th{
            font-size: 12px;
            font-family: tahoma, "Microsoft YaHei", "Hiragino Sans GB", Arial, sans-serif;
            line-height: 1.42857143;
            color: #333;
            background-color: #f5f5f5;
        }
        table tr{ height:40px;}
</style>
</head>

<body class="content-container">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <ol class="breadcrumb">
                            <li>
                                <a>基础设置</a>
                            </li>
                            <li>
                                <a>编码列表</a>
                            </li>
                        </ol>
                    </div>
                    <div class="ibox-content">
                        <div class="col-sm-12" style="padding: 12px 0px 12px 0px;">
                            <div class="alert alert-info">
                                <span>总条数：<span>12 条</span></span>
                            </div>
                        </div>
                        <table class="table table-hover table-bordered">
                            <thead>
                                <tr>
                                    <th>#序号</th>
                                    <th>编码类型</th>
                                    <th>编码长度</th>
                                    <th>编码标识</th>
                                    <th>规则</th>
                                    <th>启用状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>进货退货单编号</td>
                                    <td> <input type="text" class="form-control" value="10" /></td>
                                    <td>
                                        <input type="text" class="form-control" value="JTD" />
                                    </td>
                                    <td class="text-navy">JTD{YYYY}{MM}{DD}{HH}{MM}{SS}I</td>
                                    <td>已启用</td>
                                    <td>
                                        <a href="javascript:;" v-on:click="detailShow(123)">详情</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>进货单编号</td>
                                    <td> <input type="text" class="form-control" value="10" /></td>
                                    <td>
                                        <input type="text" class="form-control" value="JHD" />
                                    </td>
                                    <td class="text-navy">JHD{YYYY}{MM}{DD}{HH}{MM}{SS}I</td>
                                    <td>已启用</td>
                                    <td>
                                        <a href="" class="">详情</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>进货订单编号</td>
                                    <td> <input type="text" class="form-control" value="10" /></td>
                                    <td>
                                        <input type="text" class="form-control" value="JDD" />
                                    </td>
                                    <td class="text-navy">JDD{YYYY}{MM}{DD}{HH}{MM}{SS}I</td>
                                    <td>已启用</td>
                                    <td>
                                        <a href="" class="">详情</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                    <td>销售订单编号</td>
                                    <td> <input type="text" class="form-control" value="10" /></td>
                                    <td>
                                        <input type="text" class="form-control" value="XDD" />
                                    </td>
                                    <td class="text-navy">XDD{YYYY}{MM}{DD}{HH}{MM}{SS}I</td>
                                    <td>已启用</td>
                                    <td>
                                        <a href="" class="">详情</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>5</td>
                                    <td>收款单编号</td>
                                    <td> <input type="text" class="form-control" value="10" /></td>
                                    <td>
                                        <input type="text" class="form-control" value="SKD" />
                                    </td>
                                    <td class="text-navy">SKD{YYYY}{MM}{DD}{HH}{MM}{SS}I</td>
                                    <td>已启用</td>
                                    <td>
                                        <a href="" class="">详情</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>6</td>
                                    <td>商品模板</td>
                                    <td> <input type="text" class="form-control" value="10" /></td>
                                    <td>
                                        <input type="text" class="form-control" value="MB" />
                                    </td>
                                    <td class="text-navy">MB{YYYY}{MM}{DD}{HH}{MM}{SS}I</td>
                                    <td>已启用</td>
                                    <td>
                                        <a href="" class="">详情</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>7</td>
                                    <td>商品套餐</td>
                                    <td> <input type="text" class="form-control" value="10" /></td>
                                    <td>
                                        <input type="text" class="form-control" value="TC" />
                                    </td>
                                    <td class="text-navy">TC{YYYY}{MM}{DD}{HH}{MM}{SS}I</td>
                                    <td>已启用</td>
                                    <td>
                                        <a href="" class="">详情</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>8</td>
                                    <td>入库单编号</td>
                                    <td> <input type="text" class="form-control" value="10" /></td>
                                    <td>
                                        <input type="text" class="form-control" value="RKD" />
                                    </td>
                                    <td class="text-navy">RKD{YYYY}{MM}{DD}{HH}{MM}{SS}I</td>
                                    <td>已启用</td>
                                    <td>
                                        <a href="" class="">详情</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>9</td>
                                    <td>出库单编号</td>
                                    <td> <input type="text" class="form-control" value="10" /></td>
                                    <td>
                                        <input type="text" class="form-control" value="CKD" />
                                    </td>
                                    <td class="text-navy">CKD{YYYY}{MM}{DD}{HH}{MM}{SS}I</td>
                                    <td>已启用</td>
                                    <td>
                                        <a href="" class="">详情</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>10</td>
                                    <td>借出归还单</td>
                                    <td>
                                            <input type="text" class="form-control" value="10" />
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" value="JCG" />
                                    </td>
                                    <td class="text-navy">JCG{YYYY}{MM}{DD}{HH}{MM}{SS}I</td>
                                    <td>已启用</td>
                                    <td>
                                        <a href="" class="">详情</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div style="display: none;" v-show="pageInit">
            <modal v-bind:show.sync="detailModal.show" v-bind:style="detailModal .style" v-bind:add-class="detailModal.addClass">
                <h4 slot="header">编辑编码规则信息</h4>
                <div slot="body" class="clearfix">
                    <form class="form-horizontal m-t" id="signupForm" novalidate="novalidate">
                        <div class="form-group" style="margin-top: 15px">
                            <label class="col-sm-2 control-label">编码类型</label>
                            <div class="col-sm-4">
                                <input id="firstname" name="firstname" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">编码长度</label>
                            <div class="col-sm-4">
                                <input id="lastname" name="lastname" class="form-control" type="text" aria-required="true"
                                    aria-invalid="false">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">编码前缀</label>
                            <div class="col-sm-4">
                                <input id="confirm_password" name="confirm_password" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">编码位数</label>
                            <div class="col-sm-4">
                                <input id="username" name="username" class="form-control" type="text" aria-required="true"
                                    aria-invalid="true">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">编码规则</label>
                            <div class="col-sm-4">
                                <input id="confirm_password" name="confirm_password" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">用户状态</label>
                            <div class="col-sm-3" style="margin-top: 6px;">
                                <input type="radio" class="cus-radio" name="status" value="2" checked><span class="spanchk">启用</span>
                                <input type="radio" class="cus-radio" name="status" value="1"> <span class="spanchk">禁用</span>
                            </div>
                        </div>
                    </form>
                </div>
                <div slot="footer" style="text-align:center">
                    <a href="javascript:;" class="revision-btn"> 保存</a>
                    <a href="javascript:;" class="revision-btn-default" v-on:click="this.detailModal.close()"> 取消</a>
                </div>
            </modal>
        </div>
    </div>
    <script src="../content/js/lib/vue/vue.min.js"></script>
    <script src="../content/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="../content/static/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="../content/static/js/plugins/switchery/switchery.js"></script>
    <script src="../content/static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="../content/static/js/content.min.js?v=1.0.0"></script>
    <script src="../content/js/lib/vue/vue-modal.js"></script>
    <script src="../content/js/lib/vue/vue-pagination.js"></script>
    <script src="../content/js/common.js"></script>
    <script type="text/javascript">
        var vmData = {
            detailModal: {
                show: false,
                style: {
                    width: '780px',
                    height: "auto"
                },
                addClass: 'scroll-modal',
                func: {
                    type: Function
                },
                close: function () {
                    vm.detailModal.show = false;
                }
            },
        };
        vmData = $.extend(vmData, baseData);
        var vmMothod = {
            init: function () {},
            detailShow: function (obj) {
                vm.detailModal.show = true;
            },
        };
        vmMothod = $.extend(vmMothod);
        var vm = new Vue({
            el: '.content-container',
            data: vmData,
            methods: vmMothod
        });
        vm.init();
    </script>
</body>

</html>